<ion-modal-view>
  <ion-header-bar class="bar-stable">
    <a ng-click="closeAccountSetting()" 
    class="button icon-left ion-chevron-left button-clear button-icon" ></a>
    <h1 class="title">账户设置</h1>
    <a ng-click="confirmAccountSetting()" 
    class="button button-icon ion-android-done button-clear" 
    ng-disabled="!userAccountData.name || !userAccountData.mobile || !userAccountData.introduction"></a>
  </ion-header-bar>
  <ion-content>
    <form name="accountSettingForm" >
      <div class="list">
        <label class="item item-input item-stacked-label">
          <span class="input-label">显示昵称</span>
          <input type="text" ng-model="userAccountData.name" required>
        </label>                
        <label class="item item-input item-stacked-label">
          <span class="input-label">手机号码</span>
          <input type="text" ng-model="userAccountData.mobile" ng-pattern="/^1[3|4|5|7|8][0-9]\d{8}$/" required>
        </label>
        <label class="item item-input item-stacked-label">
          <span class="input-label">电子邮箱</span>
          <input type="email" ng-model="userAccountData.email">
        </label>        
        <label class="item item-input item-stacked-label">
          <span class="input-label">您的性别</span>
          <select required ng-model="userAccountData.gender">
            <option ng-selected="userAccountData.gender==1" value="1">男</option>
            <option ng-selected="userAccountData.gender==2" value="2">女</option>
            <option ng-selected="userAccountData.gender==3" value="3">保密</option>
          </select>
        </label>
        <label class="item item-input item-stacked-label">
          <span class="input-label">个人介绍</span>
          <input type="text" ng-model="userAccountData.introduction" required>
        </label>
      </div>
    </form>
  </ion-content>
</ion-modal-view>